/* slide banner */
#banners {
    width: 100%;
    background-color: $white;
}
.slider {
    margin:0 auto;
    width: 100%;
    height: 400px;
	overflow: hidden;
	.slider-wrapper{
		width: 100%;
	}
	.slider-item{
		float: left;
		width: 100%;
		height: 400px;
        position: relative;
		.img-box{
			display: inline-block;
			width: 100%;
			height: 100%;
            position: relative;
            img{
                @include imgCenter;
    		}
        }
        .img-intro{
            position: absolute;
            background-color: $defaultAlpha;
            top: 100%;
            bottom: 0;
            left: 0;
            right: 0;
            margin-top: -32px;
            z-index: 1006;
            text-indent: 10px;
            line-height: 32px;
            text-align: center;
            transition:position 0.3s ease-out 0.2s;
            a{
                color: $white;
            }
        }
	}
}

#banner .btn{
    text-align: center;
    span{
        text-align: center;
        overflow: hidden;
        width: 24px;
        height: 24px;
        line-height: 24px;
        border-radius: 50%;
        background-color: $defaultAlpha;
        color: $white;
        margin: 0 2px;
        &.on{
            background-color: $themeColor;
        }
    }
}